<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../common/lib/leaflet/leaflet.css">
    <link rel="stylesheet" href="../common/lib/bootstrap/css/bootstrap.min.css">
    <link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link rel="stylesheet" href="./css/sidebar.css">

    <script src="../common/lib/requirejs/require.js" defer async="true" data-main="./js/sidebar"></script>

</head>
<body>
    <main>
        <section id="map"></section>
        <aside id="sidebar">
            <section class="sidebar-item">
                <div class="sidebar-title">快捷导航</div>
                <div class="dropdown-content">
                    <a href="#">Link 1</a>
                    <a href="#">Link 2</a>
                    <a href="#">Link 3</a>
                </div>

            </section>
            <section class="sidebar-item">
                <div class="sidebar-title">图层管理</div>
            </section>
            <section class="sidebar-item">
                <div class="sidebar-title">属性查询</div>
            </section>
            <section class="sidebar-item">
                <div class="sidebar-title">设置1</div>
            </section>
            <section class="sidebar-item">
                <div class="sidebar-title">设置2</div>
            </section>
            <section class="sidebar-item"></section>
            <!--<div class="btn-group">-->
                <!--<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">-->
                    <!--Action <span class="caret"></span>-->
                <!--</button>-->
                <!--<ul class="dropdown-menu">-->
                    <!--<li><a href="#">Action</a></li>-->
                    <!--<li><a href="#">Another action</a></li>-->
                    <!--<li><a href="#">Something else here</a></li>-->
                    <!--<li role="separator" class="divider"></li>-->
                    <!--<li><a href="#">Separated link</a></li>-->
                <!--</ul>-->
            <!--</div>-->
        </aside>
    </main>
</body>
</html>